<template>
  <div class="video-modal">
    <el-dialog :visible.sync="showVideoModal"  :before-close="closeTips" width='600px'>
      <span slot="close"></span>
      <div slot="header" class="title">
        <span>服务监控</span>
        <span @click="closeModal">X</span>
      </div>
      <slot name="contents"></slot>
    </el-dialog>
  </div>
</template>

<script>
export default {
  props: {
    showVideoModal: {
      type: Boolean,
      defualt: false
    }
  },
  data() {
    return {};
  },
  methods: {
      closeModal() {
          this.$emit('closeModal')
      }
  }
};
</script>

<style scoped>
    .title {
        display: flex;
        justify-content: space-between;
        font-weight: 700;
    }
</style>